<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>事件监听机制</title>

    </head>
    <body>
        <!-- 事件监听机制:
                 概念:某些组件被执行了某些操作后,触发了某些代码的执行
                      事件:某些操作:如点击,双击,键盘按下,鼠标移动等等
                      事件源:组件 如:按钮 文本输入框...
                      监听器:代码
                      注册监听:将事件,事件源,监听器结合在一起,当事件源上发生了某个事件,则触发执行某个监听器
                 常见的事件:
                     1.点击事件
                         onclick:单击事件
                         ondbclick:双击事件
                     2.焦点事件
                         onblur:元素失去焦点
                                一般用于表单验证

                         onfocus:元素获得焦点
                     3.加载事件
                         onload:一张页面或一幅图像完成加载
                     4.鼠标事件
                         onmousedown: 鼠标按钮被按下
                                      定义方法时,定义一个形参,来接收event对象
                                      event对象的button属性可以获取鼠标按钮键被点击了(返回0-2)
                                         0是鼠标左键  1是中间的滚轮 2是鼠标右键

                         onmouseup:鼠标按钮被松开
                         onmousemove:鼠标被移动
                         onmouseover:鼠标移动到某元素上
                         onmouseout:鼠标从某元素移开
                     5.键盘事件
                         onkeydown:某个键盘按键被按下
                                   event对象的keyCode属性可以获取键盘按钮键被点击了(返回键盘对应的数字值)
                                   65->a  66->b  13->enter
                                   可以用过提交表单的判断
                                   if(event.keyCode==13){
                                   alert ("提交表单")
                                   }

                         onkeyup:  某个键盘按键被松开
                         onkeypress:某个键盘按键被按下并松开

                     6.选择和改变
                         onchange:域的内容被改变
                         onselect:文本被选中
                     7.表单事件
                         onsubmit:确认按钮被点击
                                  可以阻止表单的提交:方法要返回false,则表单被阻止提交
                         onreset:重置按钮被点击

         -->



    </body>
</html>